import styled from 'styled-components'

const LoginStyled = styled.div`
  width: 100%;
  height: 100%;
  div.fromwrap{
    width: 100%;
    padding: .5rem;
    text-align: center;
    h2{
      text-align: left;
      color: #000;
      font-size: .23rem;
      margin: .02rem 0;
      font-weight: 400;
    }
    img.logo{
      width: .8rem;
      height: .8rem;
      margin-top: .2rem;
      margin-bottom: .6rem;
    }
    >div.wrap{
      width: 100%;
      height: .4rem;
      display: flex;
      align-items: center;
      >img{
        width : .2rem;
        height: .2rem;
        margin-right: .02rem;
      }
      div.fu{
        flex:1;
        border-bottom: 1px solid #ebebeb;
        display: flex;
        height: .3rem;
        padding: 0 .03rem 0 .03rem;;
        input{
          flex: 1;
          height:.28rem;
          font-size:.12rem;
          color: #646464;
          border: none;
          ::-webkit-input-placeholder { 
            /* WebKit browsers */
            color: #C0C0C0;
            font-size: .12rem;
            /* transform: translate(0, -.05rem); */

          }

          ::-moz-placeholder { 
            /* Mozilla Firefox 19+ */
            color: #C0C0C0;
            font-size: .12rem;
            /* transform: translate(0, -.05rem); */
           

          }
          :-ms-input-placeholder { 
            /* Internet Explorer 10+ */ 
            color: #C0C0C0;
            font-size: .12rem;
            /* transform: translate(0, -.05rem); */

          }
        }
      }
    }
    >div.three{
      height: .52rem;
      display: flex;
      align-items: center;
      color: #ebebeb;
      font-size: .12rem;
      span{
        color: #646464;
      }
    }

  }
`
export { LoginStyled}